import { updateTheme, colorList } from '@/common/components/ThemeReplacer/settingConfig'
export default {
  data () {
    return {
    }
  },
  methods: {
    changeColor (color) {
      if (this.primaryColor !== color) {
        updateTheme(color)
      }
    }
  },
  render () {
    const { changeColor } = this
    return (<div>
      <h3>换肤：</h3>
      <div class="colorSetting">
        {colorList.map((item, index) => {
          return (<a-tag color={item.color} onClick={() => changeColor(item.color)}>
            {index}
          </a-tag>)
        })}
      </div>
    </div>)
  }
}
